<template>
  <div>
    <!-- 第一步 -->
    <router-link to="/dl?name=你好" style="margin-left: 10px">登录</router-link>
    <router-link to="/zc" style="margin-left: 10px">注册</router-link>
    <router-link to="/wz" style="margin-left: 10px">文章</router-link>
    <router-link to="/lb" style="margin-left: 10px">列表</router-link>
    <hr />
    <!-- 第二步 -->
    <router-view></router-view>
  </div>
</template>
  
  <script>
export default {};
</script>
  
  <style>
.router-link-exact-active {
  color: red;
}
</style>